<!DOCTYPE html>
<html>

<head lang="en">
    <title>酒店搜索</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/strategy.css"/>
    <script src="/js/plugins/jrender/jrender.min.js"></script>


    <script>
        $(function () {
            var pages;
            var datas=[];
            var data = JSON.parse(sessionStorage.getItem("hotels"));
            $.merge(datas,data.list);
            var json={list:datas}
           // console.log(json);
            $("#hotels").renderValues(json, {
                getHref: function (item, value) {
                    var url = $(item).data("href");
                    $(item).attr("href", url + value);

                }
            })
        })


    </script>

</head>

<body>

<div class="container strategyCommend">
    <h5 style="text-align: center">酒店查询</h5>
    <div class="hot" id="hotels">
        <div  class="row" render-loop="list">
            <div class="col-6">
               <a   data-href="/room.html?id=" render-key="list.id" render-fun="getHref">
                    <img render-src="list.coverUrl">
                    <br/>
                    <span style="font-size: medium;text-align: center" render-html="list.name"></span>
                    <br/>
                    <span  style="font-size: small;text-align: center" render-html="list.place.name"></span>
                </a>
                <hr>
            </div>
        </div>
    </div>
</div>


</body>

</html>